<div class="d-flex gap-2 align-items-center">
    <select id="dateTypeSelected-${cid}" class="form-select rounded-start" style="width: 80px;">
        <option value="year">年</option>
        <option value="month">月</option>
        <option value="day" selected>日</option>
    </select>

    <div class="flex-grow-1">
        <input id="beginDate-${cid}" type="text" class="form-control form-control-sm" placeholder="开始日期"
            style="width: 100px;" />
    </div>
    <span class="text-muted">-</span>
    <div class="flex-grow-1">
        <input id="endDate-${cid}" type="text" class="form-control form-control-sm" placeholder="结束日期"
            style="width: 100px;" />
    </div>
</div>